<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi"
      crossorigin="anonymous"
    />
    <title>Awesome JavaScript Projects</title>
    <style>
      main {
        width: 60%;
      }
      @media only screen and (max-width: 768px) {
        main {
          width: 80%;
        }
      }
    </style>
  </head>
  <body>
    <main class="mx-auto">
      <h1>Awesome JavaScript Projects</h1>
      <img src="scripts/assets/banner.png" width="100%" />
      <h2>Projects</h2>
      <ul>
        
        <li>
          <a href="/awesome-javascript-projects/projects/2048game"
            >2048game</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/3-d-css"
            >3-d-css</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/8-ball"
            >8-ball</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/BMI-calculator"
            >BMI-calculator</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/BlackJack-Game"
            >BlackJack-Game</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Count-down"
            >Count-down</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Currency-Convertor"
            >Currency-Convertor</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/DiceGame"
            >DiceGame</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Drawing-App"
            >Drawing-App</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Drum_kit"
            >Drum_kit</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Event-Webpage"
            >Event-Webpage</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Food-delivery-system"
            >Food-delivery-system</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/GYM-website"
            >GYM-website</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Github-Search-Profile-App"
            >Github-Search-Profile-App</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Gradient-Generator-Advanced"
            >Gradient-Generator-Advanced</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Gradient-generator"
            >Gradient-generator</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Guess-the-color"
            >Guess-the-color</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/HeightConverter"
            >HeightConverter</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/JavaScript-timeline"
            >JavaScript-timeline</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Login-Form"
            >Login-Form</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Notex"
            >Notex</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Palindrome-checker"
            >Palindrome-checker</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Parallax-webpage"
            >Parallax-webpage</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Pet-Conversation"
            >Pet-Conversation</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Pig-game"
            >Pig-game</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Quizer"
            >Quizer</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Sketching-game"
            >Sketching-game</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Stopwatch"
            >Stopwatch</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Student-Enrollment-Form"
            >Student-Enrollment-Form</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Survey-form"
            >Survey-form</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Temperature-Convertor"
            >Temperature-Convertor</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Tic-tac-toe"
            >Tic-tac-toe</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Todo"
            >Todo</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Tribute-project"
            >Tribute-project</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Weather-Forecast-Webapp"
            >Weather-Forecast-Webapp</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/Windows11-Clone"
            >Windows11-Clone</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/YearCounter"
            >YearCounter</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/analog-clock"
            >analog-clock</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/calculator"
            >calculator</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/clock"
            >clock</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/dark-mode-calculator"
            >dark-mode-calculator</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/digital-clock"
            >digital-clock</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/election-map"
            >election-map</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/light-dark-mode-toggle"
            >light-dark-mode-toggle</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/loading-animation"
            >loading-animation</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/loancalculator"
            >loancalculator</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/noughts-and-crosses"
            >noughts-and-crosses</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/number-guess-game"
            >number-guess-game</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/quote-generator"
            >quote-generator</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/rgb-to-hex-convertor"
            >rgb-to-hex-convertor</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/rock-paper-scissors"
            >rock-paper-scissors</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/todolist"
            >todolist</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/typewriter-effect"
            >typewriter-effect</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/whack-a-mole"
            >whack-a-mole</a
          >
        </li>
        
        <li>
          <a href="/awesome-javascript-projects/projects/wordlegame"
            >wordlegame</a
          >
        </li>
        
      </ul>
    </main>
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
      crossorigin="anonymous"
    ></script>
  </body>
</html>
